<form class="form-horizontal" method="post">
    <legend>Sign Up</legend>
    <div class="control-group">
        <label class="control-label" for="inputUsername">Username</label>

        <div class="controls">
            <input type="text" name="user_name" id="inputUsername" placeholder="enter text...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputEmail">Email</label>

        <div class="controls">
            <input type="email" name="user_email" id="inputEmail" placeholder="enter text...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputPassword">Password</label>

        <div class="controls">
            <input type="password" name="user_pass" id="inputPassword" placeholder="enter text...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputAge">Age</label>

        <div class="controls">
            <input type="text" name="user_age" id="inputAge" placeholder="enter text...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputHeight">Height</label>

        <div class="controls controls-row">
            <input type="text" name="user_height" id="inputHeight" class="span1">
            <select class="span1">
                <option>cm</option>
            </select>
            <label class="control-label span-2" for="inputWeight" style="width: auto;">Weight</label>
            <input type="text" name="user_weight" id="inputWeight" class="span1">
            <select class="span1">
                <option>kg</option>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">Position</label>

        <div class="controls">
            <select name="user_role">
                <option value="top">Top</option>
                <option value="bottom">Bottom</option>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">Location</label>

        <div class="controls controls-row">
            <select name="country_id" class="span2">
                <?php foreach ($GLOBALS['COUNTRY'] as $id => $name) { ?>
                <option value="<?php echo $id; ?>"><?php echo $name; ?></option>
                <?php } ?>
            </select>
            <select name="location_id" class="span2">
                <?php foreach ($GLOBALS['LOCATION'] as $id => $name) { ?>
                <option value="<?php echo $id; ?>"><?php echo $name; ?></option>
                <?php } ?>
            </select>
            <select name="district_id" class="span2">
                <?php foreach ($GLOBALS['DISTRICT'] as $id => $name) { ?>
                <option value="<?php echo $id; ?>"><?php echo $name; ?></option>
                <?php } ?>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">About me</label>

        <div class="controls">
            <textarea name="about_me" rows="3" placeholder="maximum 130 characters..."></textarea>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">Photos</label>

        <div class="controls">
            <button class="btn btn-primary btn-success" type="button">Uploads</button>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary">COMPLETE SIGN UP</button>
    </div>
</form>